<%@ page language="java" import="java.util.*" contentType="text/html"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
	<meta content="IE=11.0000" http-equiv="X-UA-Compatible">
		<meta name="GENERATOR" content="MSHTML 11.00.10586.494"></meta>
		<title>北京市人民政府外事办公室领事保护教育服务平台——音频播放</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="description"
				content="Demo of Audio Player: Responsive and Touch-friendly" />
			<meta name="robots" content="all">
				<meta name="viewport" content="width=device-width,initial-scale=1" />
				<!-- 新 Bootstrap 核心 CSS 文件 -->
				<link rel="stylesheet"
					href='<c:url value="/share/bootstrap.css"></c:url>'>
					<link rel="stylesheet"
						href='<c:url value="/share/AllStyle.css"></c:url>'>
						<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
						<script type="text/javascript"
							src='<c:url value="/js/jquery.min.js"></c:url>'></script>
						<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
						<script type="text/javascript"
							src='<c:url value="/js/bootstrap.min.js"></c:url>'></script>
						<script type="text/javascript" src='<c:url value="/js/all.js"></c:url>'></script>
						<script type="text/javascript"
							src='<c:url value="/js/prefixfree.min.js"></c:url>'></script>
						<script src="<c:url value='/js/serverCommonJs.js'></c:url>"></script>
						<script src="<c:url value='/js/rqfCommon/rqfCommon.js'></c:url>"></script>
						<style type="text/css">
#touxiang_true {
	margin-right: 10px;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	margin-top: 3px;
	display: block;
	line-height: 60px;
	color: #787d82;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

a#dropdownMenu1 {
	padding: 3px 12px;
}

.vertical {
	margin: 0 8px;
	background: #dae1e6;
	display: inline-block;
	width: 1px;
	height: 24px;
	vertical-align: middle;
}

.body {
	width: 100%;
	height: 100%;
}

html, body {
	overflow-y: hidden;
}

.header-tool-news .header-tc-content {
	width: 302px;
	padding: 0 26px;
	line-height: 34px;
	right: -69px;
	text-align: center;
}

.header-tc-content {
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	width: 370px;
	left: -183px;
	top: 40px;
	background-color: #fff;
	text-align: left;
	/* display: none; */
	z-index: 2;
	color: #4b4b4b;
	font-size: 12px;
	height: auto !important;
	min-height: 32px;
	height: 32px;
	box-shadow: 0 2px 5px #d5d5d5;
}

.header-tool-news .header-tc-content .header-tc-ct-bg {
	right: 76px;
}

.header-tc-ct-bg {
	position: absolute;
	top: -15px;
	left: 50%;
	width: 0;
	height: 0;
	border: 7px solid #ccc;
	border-color: transparent transparent #ccc;
	z-index: 5;
}

.header-tc-ct-bg:before {
	content: "";
	position: absolute;
	top: -7px;
	right: -8px;
	width: 0;
	height: 0;
	border: 8px solid #fff;
	border-color: transparent transparent #fff;
	z-index: 3;
}

.news-title {
	line-height: 42px;
	overflow: hidden;
	border-bottom: 1px solid #2459aa;
	margin: 0 18px;
}

.news-list {
	margin: 0;
	padding: 0;
	max-height: 332px;
	overflow-y: auto;
	margin: 0 18px;
	position: relative;
}

.news-bottom {
	line-height: 42px;
	text-align: center;
	border-top: 1px solid #e0e6f1;
	background: #f6f6f6;
	color: rgb(180, 180, 180);
}

.news-title .news-title-ctx {
	color: #2459aa;
	font-size: 14px;
	float: left;
}

.news-bottom .news-more {
	color: #b4b4b4;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}

.news-item {
	line-height: 60px;
	border-bottom: 1px solid #e0e6f1;
}

.news-item:last-child {
	border-bottom: none;
}

.news-ctx-link {
	color: rgb(124, 124, 125);
	font-size: 14px;
	overflow: hidden;
	width: 300px;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	float: left;
}

.news-ctx {
	position: relative;
	overflow: hidden;
}

.wh_Home_news {
	float: left;
	padding-bottom: 10px;
}

@media screen and (min-width:1189px) {
	.Interface_center {
		width: 1190px !important;
	}
}

#touxiang_true {
	margin-right: 10px;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	display: block;
	line-height: 60px;
	color: #787d82;
	text-align: center;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.vertical {
	margin: 0 8px;
	background: #dae1e6;
	display: inline-block;
	width: 1px;
	height: 24px;
	vertical-align: middle;
}

.body {
	width: 100%;
	height: 100%;
}

strong {
	font-weight: 700;
}

#wrapper {
	width: 30em; /* 480 */
	height: 8.75em; /* 140 */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4.375em 0 0 -15em; /* 70 240 */
}

h1 {
	font-family: 'Advent Pro', sans-serif;
	font-size: 1.688em; /* 27 */
	font-weight: 500;
	text-align: center;
	margin-bottom: 0.741em; /* 20 */
}

h1, h1 a, #copyright, #copyright a {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
}

h1 a, #copyright a {
	-webkit-transition: text-shadow .25s ease;
	-moz-transition: text-shadow .25s ease;
	-ms-transition: text-shadow .25s ease;
	-o-transition: text-shadow .25s ease;
	transition: text-shadow .25s ease;
}

h1 a:hover, h1 a:focus, #copyright a:hover, #copyright a:focus {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
}

h1 em {
	font-family: Baskerville, serif;
}

#copyright {
	font-size: 0.875em; /* 14 */
	text-align: center;
	margin-top: 1.429em; /* 20 */
}

#copyright a {
	font-weight: 700;
}

/*
			PLAYER
		*/
.audioplayer {
	height: 2.5em; /* 40 */
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	/* position: relative; */
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 1;
	background: #333;
}

/* mini mode (fallback) */
.audioplayer-mini {
	width: 2.5em; /* 40 */
	margin: 0 auto;
}

/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */
.audioplayer>div {
	position: absolute;
}

/* play/pause button */
.audioplayer-playpause {
	width: 2.5em; /* 40 */
	height: 100%;
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	left: 0;
}

.audioplayer:not (.audioplayer-mini ) .audioplayer-playpause {
	border-right: 1px solid #555;
	border-right-color: rgba(255, 255, 255, .1);
}

.audioplayer-mini .audioplayer-playpause {
	width: 100%;
}

.audioplayer-playpause:hover, .audioplayer-playpause:focus {
	background-color: #222;
}

.audioplayer-playpause a {
	display: block;
}

.audioplayer-stopped .audioplayer-playpause a {
	width: 0;
	height: 0;
	border: 0.5em solid transparent; /* 8 */
	border-right: none;
	border-left-color: #fff;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5em 0 0 -0.25em; /* 8 4 */
}

.audioplayer-playing .audioplayer-playpause a {
	width: 0.75em; /* 12 */
	height: 0.75em; /* 12 */
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.375em 0 0 -0.375em; /* 6 */
}

.audioplayer-playing .audioplayer-playpause a:before,
	.audioplayer-playing .audioplayer-playpause a:after {
	width: 40%;
	height: 100%;
	background-color: #fff;
	content: '';
	position: absolute;
	top: 0;
}

.audioplayer-playing .audioplayer-playpause a:before {
	left: 0;
}

.audioplayer-playing .audioplayer-playpause a:after {
	right: 0;
}

/* timers */
.audioplayer-time {
	width: 4.375em; /* 70 */
	height: 100%;
	line-height: 2.375em; /* 38 */
	text-align: center;
	z-index: 2;
	top: 0;
}

.audioplayer-time-current {
	border-left: 1px solid #111;
	border-left-color: rgba(0, 0, 0, .25);
	left: 2.5em; /* 40 */
}

.audioplayer-time-duration {
	border-right: 1px solid #555;
	border-right-color: rgba(255, 255, 255, .1);
	right: 2.5em; /* 40 */
}

.audioplayer-novolume .audioplayer-time-duration {
	border-right: 0;
	right: 0;
}

/* progress bar of loaded/played */
.audioplayer-bar {
	height: 0.875em; /* 14 */
	background-color: #222;
	cursor: pointer;
	z-index: 1;
	top: 50%;
	right: 6.875em; /* 110 */
	left: 6.875em; /* 110 */
	margin-top: -0.438em; /* 7 */
}

.audioplayer-novolume .audioplayer-bar {
	right: 4.375em; /* 70 */
}

.audioplayer-bar div {
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.audioplayer-bar-loaded {
	background-color: #333;
	z-index: 1;
}

.audioplayer-bar-played {
	background: #007fd1;
	z-index: 2;
}

/* volume button */
.audioplayer-volume {
	width: 2.5em; /* 40 */
	height: 100%;
	border-left: 1px solid #111;
	border-left-color: rgba(0, 0, 0, .25);
	text-align: left;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 2;
	top: 0;
	right: 0;
}

.audioplayer-volume:hover, .audioplayer-volume:focus {
	background-color: #222;
}

.audioplayer-volume-button {
	width: 100%;
	height: 100%;
}

.audioplayer-volume-button a {
	width: 0.313em; /* 5 */
	height: 0.375em; /* 6 */
	background-color: #fff;
	display: block;
	position: relative;
	z-index: 1;
	top: 40%;
	left: 35%;
}

.audioplayer-volume-button a:before, .audioplayer-volume-button a:after
	{
	content: '';
	position: absolute;
}

.audioplayer-volume-button a:before {
	width: 0;
	height: 0;
	border: 0.5em solid transparent; /* 8 */
	border-left: none;
	border-right-color: #fff;
	z-index: 2;
	top: 50%;
	right: -0.25em;
	margin-top: -0.5em; /* 8 */
}

.audioplayer:not (.audioplayer-muted ) .audioplayer-volume-button a:after
	{
	/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
	width: 0.313em; /* 5 */
	height: 0.313em; /* 5 */
	border: 0.25em double #fff; /* 4 */
	border-width: 0.25em 0.25em 0 0; /* 4 */
	left: 0.563em; /* 9 */
	top: -0.063em; /* 1 */
	-webkit-border-radius: 0 0.938em 0 0; /* 15 */
	-moz-border-radius: 0 0.938em 0 0; /* 15 */
	border-radius: 0 0.938em 0 0; /* 15 */
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* volume dropdown */
.audioplayer-volume-adjust {
	height: 6.25em; /* 100 */
	cursor: default;
	position: absolute;
	left: 0;
	right: -1px;
	top: -9999px;
	background: #333;
}

.audioplayer-volume:not (:hover ) .audioplayer-volume-adjust {
	opacity: 0;
}

.audioplayer-volume:hover .audioplayer-volume-adjust {
	top: auto;
	bottom: 100%;
}

.audioplayer-volume-adjust>div {
	width: 40%;
	height: 80%;
	background-color: #222;
	cursor: pointer;
	position: relative;
	z-index: 1;
	margin: 30% auto 0;
}

.audioplayer-volume-adjust div div {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #007fd1;
}

.audioplayer-novolume .audioplayer-volume {
	display: none;
}

/* CSS3 decorations */
body {
	-webkit-box-shadow: inset 0 0 18.75em rgba(0, 0, 0, .5); /* 300 */
	-moz-box-shadow: inset 0 0 18.75em rgba(0, 0, 0, 5); /* 300 */
	box-shadow: inset 0 0 18.75em rgba(0, 0, 0, .5); /* 300 */
}

.audioplayer {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em
		rgba(0, 0, 0, .5); /* 20 */
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em
		rgba(0, 0, 0, .5); /* 20 */
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em
		rgba(0, 0, 0, .5); /* 20 */
}

.audioplayer-volume-adjust {
	-webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px
		rgba(0, 0, 0, .15);
	-moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px
		rgba(0, 0, 0, .15);
	box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px
		rgba(0, 0, 0, .15);
}

.audioplayer-bar, .audioplayer-volume-adjust>div {
	-webkit-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0
		rgba(255, 255, 255, .1);
	-moz-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0
		rgba(255, 255, 255, .1);
	box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0
		rgba(255, 255, 255, .1);
}

.audioplayer-volume-adjust div div, .audioplayer-bar-played {
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
	-moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
}

.audioplayer-playpause, .audioplayer-volume a {
	-webkit-filter: drop-shadow(1px 1px 0 #000);
	-moz-filter: drop-shadow(1px 1px 0 #000);
	-ms-filter: drop-shadow(1px 1px 0 #000);
	-o-filter: drop-shadow(1px 1px 0 #000);
	filter: drop-shadow(1px 1px 0 #000);
}

.audioplayer, .audioplayer-volume-adjust {
	background: -webkit-gradient(linear, left top, left bottom, from(#444),
		to(#222));
	background: -webkit-linear-gradient(top, #444, #222);
	background: -moz-linear-gradient(top, #444, #222);
	background: -ms-radial-gradient(top, #444, #222);
	background: -o-linear-gradient(top, #444, #222);
	background: linear-gradient(to bottom, #444, #222);
}

.audioplayer-bar-played {
	background: -webkit-gradient(linear, left top, right top, from(#007fd1),
		to(#c600ff));
	background: -webkit-linear-gradient(left, #007fd1, #c600ff);
	background: -moz-linear-gradient(left, #007fd1, #c600ff);
	background: -ms-radial-gradient(left, #007fd1, #c600ff);
	background: -o-linear-gradient(left, #007fd1, #c600ff);
	background: linear-gradient(to right, #007fd1, #c600ff);
}

.audioplayer-volume-adjust div div {
	background: -webkit-gradient(linear, left bottom, left top, from(#007fd1),
		to(#c600ff));
	background: -webkit-linear-gradient(bottom, #007fd1, #c600ff);
	background: -moz-linear-gradient(bottom, #007fd1, #c600ff);
	background: -ms-radial-gradient(bottom, #007fd1, #c600ff);
	background: -o-linear-gradient(bottom, #007fd1, #c600ff);
	background: linear-gradient(to top, #007fd1, #c600ff);
}

.audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.audioplayer {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.audioplayer-volume-adjust {
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.audioplayer *, .audioplayer *:before, .audioplayer *:after {
	-webkit-transition: color .25s ease, background-color .25s ease, opacity
		.5s ease;
	-moz-transition: color .25s ease, background-color .25s ease, opacity
		.5s ease;
	-ms-transition: color .25s ease, background-color .25s ease, opacity .5s
		ease;
	-o-transition: color .25s ease, background-color .25s ease, opacity .5s
		ease;
	transition: color .25s ease, background-color .25s ease, opacity .5s
		ease;
}

/* responsiveness */
@media only screen and ( max-width: 32.5em ) /* 520 */ {
	body {
		-webkit-box-shadow: inset 0 0 9.375em rgba(0, 0, 0, .5); /* 150 */
		-moz-box-shadow: inset 0 0 9.375em rgba(0, 0, 0, 5); /* 150 */
		box-shadow: inset 0 0 9.375em rgba(0, 0, 0, .5); /* 150 */
	}
	#wrapper {
		width: 100%;
		height: auto;
		position: static;
		padding: 1.25em; /* 20 */
		margin: 0;
	}
}

.video_content_right_right>div {
	height: 50%;
}

#IsTrueInfo {
	width: 150px;
	text-align: center; //
	background: #fff;
	color: #295c96;
	line-height: 65px;
	border-radius: 2px;
	border: 4px solid rgba(0, 0, 0, .2);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 1);
}

#home_video_audio_test {
	float: left;
}

.video_content_right_right>div {
	height: 50%;
}

.r {
	width: 360px;
}

.zh5 {
	margin-left: 70px;
}

.video_content_right_right_content_1,
	.video_content_right_right_content_2 {
	border: 1px solid #E5EBEF;
}

.finishButton a {
	margin-bottom: 5px;
}

div .finishButton {
	box-shadow: none;
	background: #fff;
}

html, body {
	background: #fff;
	box-shadow: inset 0 0 18.75em rgb(255, 255, 255);
}

center {
	background: url(/eduPlatform/share/images/audioBg.png) 0 0 no-repeat;
	background-size: 100% 100%;
}

.des {
	float: left;
}
</style>
</head>
<body>
	<div class="home_header">
		<div class="Interface_center row" style="width: auto;">
			<div class="col-xs-6"
				style="height: 42px; position: relative; overflow: hidden;">
				<div class="home_header_left">
					<span><img
						src="<c:url value='/share/images/book.png'></c:url>">北京市人民政府外事办公室领事保护教育服务平台</span>
				</div>
			</div>
			<div class="col-xs-6" style="height: 42px;">
				<div class="home_header_right"
					style="position: relative; height: 42px;">
					<c:if test="${not empty  userName}">
						<div class="wh_Home_news">
							<div class="header-tc-content">
								<span class="header-tc-ct-bg"></span>
								<div class="news-header">
									<div class="news-title clr">
										<span class="news-title-ctx">消息</span>
									</div>
									<ul class="news-list" id="news-list">
									</ul>
									<div class="news-bottom clearfix">
										<a class="news-more" href="javascript:;"
											onclick="naviClick(6)">查看所有消息>></a>
									</div>
								</div>
							</div>
							<a id="remindId" href="javascript:;"
								style="display: block; width: 18px; text-align: center; top: 5px; left: 20px; background: #e93a44; position: absolute; margin: 0; border: 0; border-radius: 100%; color: #fff; padding: 0px 4px; font-size: 12px;"></a>
							<img src="<c:url value='/share/images/black1.png'></c:url>"
								id="touxiang_lingdang"
								style="width: 18.85px; height: 24px; margin-top: 7px; cursor: pointer;">
								<span class="vertical" style="margin: 0 20px; margin-top: 10px;"></span>
						</div>
						<div class="home_login_true_2"
							style="float: right; margin-top: 3px;">
							<c:if test="${empty url}">
								<img src="<c:url value='/share/images/head.jpg'/>"
									id="touxiang_true" />
							</c:if>
							<c:if test="${not empty url}">
								<img src="${fileServer}${url}" id="touxiang_true" />
							</c:if>
							<div class="home_login_true_2" style="float: right;">
								<div class="dropdown">
									<a class="btn btn-default dropdown-toggle" id="dropdownMenu1"
										style="color: #295c96; border: none; font-size: 16px; margin-top: 6px;">
										${userName} <span class="caret" style="margin-left: 10px;"></span>
									</a>
									<ul class="dropdown-menu">
										<li><a href="<c:url value='/login/perfectInfo'></c:url>"
											id="login_perfect">个人资料</a></li>
										<li><a href="<c:url value='/login/logout'></c:url>"
											id="login_remove">退出</a></li>
									</ul>
								</div>
							</div>
					</c:if>
					<c:if test="${empty  userName}">
						<a href="<c:url value='/login'></c:url>">登录</a>
						<a href="<c:url value='/login/register'></c:url>">注册</a>
					</c:if>
				</div>
			</div>
		</div>
	</div>
	<center style="overflow: hidden; margin: 0 auto;">
		<div class="video_content"
			style="width: 1190px; margin: 0 auto; position: relative; overflow: hidden;">
			<iframe src="<c:url value="/study/course/pdf/${id}"></c:url>"
				frameborder="0" id="home_video_audio_test"
				style="position: relative; overflow: hidden; -webkit-box-shadow: inset 0 0 18.75em rgba(0, 0, 0, .5); -moz-box-shadow: inset 0 0 18.75em rgba(0, 0, 0, 5); box-shadow: inset 0 0 18.75em rgba(0, 0, 0, .5); float: left;">
				<%-- <audio src="${sourceUrl}" preload="auto" controls id="example_video_1"></audio> --%>
			</iframe>
			<input id="home_video_audio_test_index" value="${type}" type="hidden"></input>
			<div class="video_content_right">
				<a class="glyphicon back_right"
					style="height: 100%; top: 0; line-height: 0; cursor: pointer; background: #DCDAD0;">
					<%-- <img src='<c:url value="/share/images/Arrow.png"></c:url>' id="block_video"></img> --%>
				</a>
				<div class="video_content_right_right">
					<div class="video_content_right_right_content_1">
						<div class="video_content_right_right_title1">
							<div class="col-xs-12 video_content_right_right_title1_a">
								<a href="javascript:;">音频</a>
							</div>
							<!-- <div class="col-xs-6"><a href="javascript:;">目录</a></div> -->
						</div>
						<div class="video_content_right_right_content_1_content">

							<div id="myCarousel" class="carousel slide" style="padding: 0;">
								<%-- <iframe src="${pptUrl}" frameborder="0" class="video_content_right_right_content_1_content"></iframe> --%>
								<img src='<c:url value="/share/images/SotpMusic.png"></c:url>'
									id="music_gif"></img>
								<audio src="${sourceUrl}" preload="auto" controls
									id="example_video_1"></audio>
							</div>

							<!-- <div class="carousel slide dir_Style">
                <ul id="dir_tree">
                </ul>
            </div>  -->
						</div>
					</div>
					<div class="video_content_right_right_content_2"
						style="background: #fff;">
						<div class="video_content_right_right_title1">
							<div class="col-xs-6 video_content_right_right_title1_a">
								<a href="javascript:;">笔记</a>
								<!-- <a class="glyphicon glyphicon-plus create_plus" style=""><font style="top: 8px;position: relative;">创建</font></a> -->
							</div>
							<div class="col-xs-6">
								<a href="javascript:;">反馈</a>
							</div>
						</div>
						<div class="video_content_right_right_content_2" style="height:295px;">
							<div class="video_content_right_right_content_2_copys">
								<div class="main" style="position: relative;">
									<p
										style="position: relative; top: 85px; text-align: center; line-height: 15px;">
										请登录<br />登陆后即可查看大纲
									</p>
									<div class="content" style="padding: 2px;">
										<p id="contentText" contenteditable="true" style="text-align: left;margin: 0;"></p>
									</div>
									<div class="sidebar">
										<div class="exitMenu">
											<div class="finishButton" style="width: 356px;">
												<a href="javascript:void(0);" id="publish" class="col-xs-6"
													style="background: #8ac0ff;">保存</a> <a
													href="javascript:void(0);" id="delete" class="col-xs-6"
													style="background: #aeaeae;">清空笔记</a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div
								class="video_content_right_right_content_2_copys video_content_right_right_content_2_copys_r"
								style="padding: 10px;">
								<p
									style="position: relative; top: 85px; text-align: center; line-height: 15px;">
									请登录<br />登陆后即可查看大纲
								</p>
								<div class="r" style="border-radius: 5px 5px 0 0;">
									<h4
										style="margin: 0 auto; font-size: 14px; text-align: center; padding: 10px 0; color: #295C96; font-weight: 600;">总体评分</h4>
									<div class="zh5">
										<ul id="zh5ul_3" class="zh5ul_3">
											<li val="1" class=""></li>
											<li val="2" class=""></li>
											<li val="3" class=""></li>
											<li val="4" class=""></li>
											<li val="5" class=""></li>
										</ul>
										<div id="zh5_red_3" data_star=""></div>
									</div>
									<span class="des">可接受度</span>
								</div>
								<div class="r"
									style="margin-bottom: 10px; border-radius: 0 0 5px 5px;">
									<div class="zh5">
										<ul id="zh5ul_4" class="zh5ul_4">
											<li val="1" class=""></li>
											<li val="2" class=""></li>
											<li val="3" class=""></li>
											<li val="4" class=""></li>
											<li val="5" class=""></li>
										</ul>
										<div id="zh5_red_4" data_star=""></div>
									</div>
									<span class="des">课程内容质量</span>
								</div>
								<div class="r"
									style="position: relative; overflow: hidden; border-radius: 5px 5px 0 0;">
									<h4
										style="margin: 0 auto; font-size: 14px; text-align: center; padding: 5px 0; color: #295C96; font-weight: 600;">个人评分</h4>
									<div class="zh5">
										<ul id="zh5ul" class="zh5ul">
											<li val="1" class=""></li>
											<li val="2" class=""></li>
											<li val="3" class=""></li>
											<li val="4" class=""></li>
											<li val="5" class=""></li>
										</ul>
										<div id="zh5_red" data_star=""></div>
									</div>
									<span class="des">可接受度</span>
								</div>
								<div class="r" style="border-radius: 0 0 5px 5px;">
									<div class="zh5">
										<ul id="zh5ul_2" class="zh5ul_2">
											<li val="1" class=""></li>
											<li val="2" class=""></li>
											<li val="3" class=""></li>
											<li val="4" class=""></li>
											<li val="5" class=""></li>
										</ul>
										<div id="zh5_red_2" data_star=""></div>
									</div>
									<span class="des">课程内容质量</span>
									<div style="width: 74px; margin: 0 auto; padding: 10px 0;">
										<button type="button" class="btn btn-success" id="btn_score"
											style="padding: 4px 12px; font-size: 12px;margin-top: 10px;">提交评分</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</center>
	</div>

	<div id="IsTrueInfo"
		style="display: none; position: absolute; z-index: 9999; left: 50%; top: 50%;">
		<div style="background: #fff;">保存成功!</div>
	</div>

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content" style="padding: 0 25px;">
				<div class="modal-header"
					style="padding: 15px 0; border-bottom: 1px solid #1e519f;">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel" style="font-size: 16px;"></h4>
				</div>
				<div class="modal-body" style="color: #000;"></div>
				<div class="modal-body-details"
					style="position: relative; padding: 15px; border: 1px solid #e3e3e3; color: #000;">
				</div>
				<div class="modal-footer" style="border-top: 0; text-align: center;">
					<button type="button" class="btn btn-primary" data-dismiss="modal"
						style="padding: 9px 35px;">确定</button>
				</div>
			</div>
		</div>
	</div>

	<script src='<c:url value="/js/main.js"></c:url>'></script>
	<script src='<c:url value="/js/audioplayer.js"></c:url>'></script>
	<script type="text/javascript">
    $(document).ready(function(){
        $("#dropdownMenu1").mouseover(function(){
        	$(".dropdown-menu").show();
        });
        $(".dropdown-menu").mouseover(function(){
        	 $(".dropdown-menu").show(); 
         }).mouseout(function(){
            $(".dropdown-menu").hide();
         }); 
      })
    var userName = '${userName}';//获取用户值
    //判断用户是否登录
    if(userName == ""){
    	$(".video_content_right_right_content_2_copys>.main>*").hide();
    	$(".video_content_right_right_content_2_copys>.main>p").show();
    	$(".video_content_right_right_content_2_copys_r>*").hide();
    	$(".video_content_right_right_content_2_copys_r>p").show();
    }
    
    var NewsListHtml;
	var ContentHtml = "";
	var MsgTitle = "";
	var MsgDetailsHtml = "";
	$("#news-list").on("click","li>div>a",function(){
		var id = $(this).data('id');
		init_count();
		$(".modal-body").html(MsgDetailsHtml);
		$(".modal-body-details").html(ContentHtml);
		$("#myModalLabel").html(MsgTitle);
		init_msg(1);
	})
    
	var uuid = '${uuid}';
    init_msg();
	//获取消息推送信息
	function init_msg(type){
			var url = "<c:url value='/msg/list'></c:url>";
			$.ajax({
				url: url,
				type: 'POST',
				dataType: 'html',
				data:{
					"pageSize": 4,
					"uuid": uuid,
					"notRead": true
				},
				success:function(data){
					var obj = gridDataFormat(data);
					var html = "";
					var AlertHtml = "";
					if(obj.count == 0){
						html += '<li class="news-item clr">'+
					            	'<div class="news-ctx clr" style="text-align: center;">'+
				        				'目前没有新消息'+
				        			'</div>'+
				        		'</li>';
					}
					for(var i in obj.data){
						ContentHtml = obj.data[i].msgCon == null?"无":obj.data[i].msgCon;
						MsgTitle = obj.data[i].msgName == null?"无":obj.data[i].msgName;
						pushTime = obj.data[i].pushTime == null?"无":obj.data[i].pushTime;
						creater = obj.data[i].creater == null?"无":obj.data[i].creater;
						createTime = obj.data[i].createTime == null?"无":obj.data[i].createTime;
						createTime = createTime.substring(0,10) +"&nbsp;"+ createTime.substring(11,16);
						pushReason = obj.data[i].pushReason == null?"无":obj.data[i].pushReason;
					    MsgDetailsHtml = '<div style="width: 195px; float: left;">'+
						       			 	'接收人：'+ MsgTitle +''+
							      		 '</div>'+
							      		 '<div>'+
							      		 	 '推送时间：'+ pushTime +''+
							      		 '</div>'+
							      		 '<div style="width: 195px; float: left;">'+
							      			 '编制人：'+ creater +''+
							      		 '</div>'+
							      		 '<div>'+
							      			 '编制时间：'+ createTime +''+
							      		 '</div>'+
							      		 '<div>'+
							      			 '推送原因： '+ pushReason +''+
							      		 '</div>';
							      		AlertHtml = obj.data[i].type == "自定义"?'data-toggle="modal" data-target="#myModal" href="javascript:;"':'target="_blank" href="<c:url value="/surveyAnalyze/answerMv/'+ obj.data[i].relatedId +'"></c:url>"';
						html += '<li class="news-item clr" onclick="state_change('+ obj.data[i].id +')">'+
				            		'<div class="news-ctx clr">'+
				        				'<a class="news-ctx-link  blank_to" '+ AlertHtml +' href="javascript:;" data-url="/eduPlatform/msg/'+ obj.data[i].id +'" data-state="'+ obj.data[i].state +'" title="'+ obj.data[i].type +'—'+ obj.data[i].msgName +'">'+ obj.data[i].type +'—'+ obj.data[i].msgName +'</a>'+
				        				'<div class="news-type news-app11" style="width: 8px;height: 8px;border-radius: 50%;background: #eb3f3f;float: left;margin-top: 25px;margin-left: 15px;"></div>'+
				        			'</div>'+
				        		'</li>';
					}
					$("#news-list").html(html);
					$(".modal-body").html(MsgDetailsHtml);
					$(".modal-body-details").html(ContentHtml);
					$("#myModalLabel").html(MsgTitle);
					if(type != 1){
						$(".modal-body").html(MsgDetailsHtml);
						$(".modal-body-details").html(ContentHtml);
						$("#myModalLabel").html(MsgTitle);
					}
				},
				error:function(){
					//console.log();
				}
			});
		}
	
	//改变状态
	function state_change(id){
		var url = "<c:url value='/msg/read'></c:url>";
		$.ajax({
			url: url,
			type: 'POST',
			dataType: 'html',
			data:{
				"ids":id
			},
			success:function(data){
				if(data < 1){
					alert("阅读失败");
					location.reload();
				}
			},
			error:function(){
				//console.log();
			}
		});
	}
	
	init_count();
	//获取未读数
	function init_count(){
		var url = "<c:url value='/msg/count'></c:url>";
		$.ajax({
			url: url,
			type: 'POST',
			dataType: 'JSON',
			data:{
				"uuid": uuid,
				"notRead": true
			},
			success:function(data){
				if(data < 1){
					data = "";
				}else if(data > 9){
					data = "...";
				}
				$("#remindId").html(data);
			},
			error:function(){
				//console.log();
			}
		});
	}
    
  	//消息信息
	$(".wh_Home_news").hover(function(){
		$(".header-tc-content").show();
	},function(){
		$(".header-tc-content").hide();
	});
    

    var player = document.getElementById("example_video_1");
    $(function(){
	    var fileId = '${fid1}';
	    var course_id = '${id}';
	    var total_time;//总时长
	    var video_Time = "";
	    if(!window.localStorage){
			video_Time = getCookie("audio_Time");
		}else{
		    video_Time = localStorage.getItem("audio_Time");
		}
	 	// 检测播放时间
		  player.addEventListener('timeupdate', function () {  
			  //切换时把当前视频进度进行存储
			  if(!window.localStorage){
					setCookie("audio_Time", player.currentTime);
				}else{
					localStorage.setItem("audio_Time", player.currentTime);
				}
		      if (player.duration != 0 && player.currentTime === player.duration) {
		    	  video_outTime_End(course_id,fileId);
		      }
		  });
	    player.addEventListener('play', function () {  
	    	 //console.log('播放');
	    	 $("#music_gif").attr('src','<c:url value="/share/images/music.gif"></c:url>');
	    });
	    player.addEventListener('pause', function () {  
	    	 //console.log('暂停');
	    	 $("#music_gif").attr('src','<c:url value="/share/images/SotpMusic.png"></c:url>');
	    });
	  //total_time = player.duration;//总时长
	  //DirTree_GetMsg(course_id,fileId,total_time);
	  init_timerId = setInterval(function(){
		  var init_time = player.currentTime;//初始化时间
	      video_outTime(course_id,fileId,init_time);
	  }, 10000);
		
	  // 右侧栏展开收缩
	  /* $(".back_right").click(function(){
	    //第一次点击收缩
	    if(!$(this).is(".shrink")){
	      $(this).addClass("shrink back_right_rotate");
	      $("#example_video_1").css({
	          width: 360+"px",
	          height: 32+"px"
	      });
	      $("#music_gif").css({
	    	  width: 360+"px",
	          height: $(".video_content_right_right_content_1_content").height() - 32+"px"
	      });
	      $("#home_video_audio_test").css({
	          width: $(".video_content").width() - $(".video_content_right").width() + 22+"px",
	      });
	      $(".video_content_right_right").hide();
	    }else{
	      $(this).removeClass("shrink back_right_rotate");
	      $("#example_video_1").css({
	          width: 360+"px",
	          height: 32+"px"
	        });
	      $("#music_gif").css({
	    	  width: 360+"px",
	          height: $(".video_content_right_right_content_1_content").height() - 32+"px"
	      });
	      $("#home_video_audio_test").css({
	    	  width: $(".video_content").width() - 360+"px",
	      });
	      $(".video_content_right_right").show();
	    }
	  }); */
	
	  //视频高度、宽度获取设置
	  $("#example_video_1").css({
	    width: 360+"px",
	    height: 32+"px"
	  });
	  $("#home_video_audio_test").css({
		  width: $(".video_content").width() - 382+"px",
		  height: 590+"px"
	  });
	
	  //展开收缩高度、宽度获取设置
	  $(".back_right").css({
	    height: 590+"px"
	  })
	
	  //右侧栏	
	  $(".video_content_right_right").css({
	    // width: $(window).width() - $("#example_video_1").width() - $(".back_right").width(),
	    width: 360+"px",
	    height: 590+"px"
	  });
	  
	  var RihgtVideo = $(".video_content_right_right_content_2").height() - $(".video_content_right_right_title1").height();
	  $("#contentText").css("height",215+"px");
	  $(".video_content_right_right_content_1_content").css("height",RihgtVideo);
	  $("#music_gif").css({
		  width: 360+"px",
		  height: $(".video_content_right_right_content_1_content").height() - 32+"px"
      });
	  $("body").css({
			height: $(window).height()
		})
	  
	  $("center").css({
		 height: $("body").height() - 42+"px"
	  });
	  $(".video_content").css({
		 top: ($(window).height() - $(".video_content").height() - 42)/2
	  });

	  //课件目录切换
	  $(".video_content_right_right_content_1>.video_content_right_right_title1>div").click(function(){
	    var index = $(this).index();
	    $(".video_content_right_right_content_1>.video_content_right_right_title1>div").removeClass("video_content_right_right_title1_a");
	    $(this).addClass("video_content_right_right_title1_a");
	    $(".video_content_right_right_content_1 .video_content_right_right_content_1_content>div").hide();
	    $(".video_content_right_right_content_1 .video_content_right_right_content_1_content>div:eq("+ index +")").show();
	  });
	
	  //笔记提问切换
	  $(".video_content_right_right_content_2>.video_content_right_right_title1>div").click(function(){
	    var index = $(this).index();
	    $(".video_content_right_right_content_2>.video_content_right_right_title1>div").removeClass("video_content_right_right_title1_a");
	    $(this).addClass("video_content_right_right_title1_a");
	    $(".video_content_right_right_content_2>.video_content_right_right_content_2_copys").hide();
	    $(".video_content_right_right_content_2>.video_content_right_right_content_2_copys:eq("+ index +")").show();
	  });
	  	
	    var video_str = window.location.href;  //接收地址
	    var temp = "";
	    var course_id;//接收本课程的ID
	   	var score_id = video_str.substring(video_str.lastIndexOf("/"));
	   	var isX = false;
	   	video_str = video_str.substring(0,video_str.lastIndexOf("/"));
	   	temp = video_str.split('').reverse().join('');//后面两个目录地址反转
	   	temp = video_str.substring(video_str.lastIndexOf("/"));//再次进行截取
	   	course_GetNotes(temp,score_id);//获取笔记
	   	$("#publish").click(function(){
	   		var publish_html = $("#contentText").html();
	   		course_SetNotes(temp,score_id,publish_html);
	   	});
		score_total(course_id,isX);//获取总体评分
		//评分
		var score_val1 = "";
		var score_val2 = "";
		$("#zh5ul li").click(function(){
			score_val1 = $(this).attr("val");
		});
			     
	     $("#zh5ul_2 li").click(function(){
	    	 score_val2 = $(this).attr("val");
	     });
	     
	     $("#btn_score").click(function(){
		     if(score_val1 != "" && score_val2 != ""){
		    	 score(score_val1,score_val2,course_id);
		     }
	     })
			     
	   	 //获取笔记
	   	 function course_GetNotes(list_id,children_id){
	   		 var content_Notes = "<c:url value='/study/course/getNotes'></c:url>";
		   	 var listId = children_id.substr(1);
		   	 var course_id = list_id.substr(1);
		   	 $.ajax({
		   		url: content_Notes,
		   		type:"POST",
		   		dataType:"JSON",
		   		data:{
		   			courseId: course_id,
		   			listId: listId,
		   		},
		   		success:function(data){
		   			//console.log(data);
		   			if(data.content != "null"){
		   				$("#contentText").html(data.content);
		   			}
		   		},
					complete : function(XMLHttpRequest, textStatus) {
		 				//console.log(XMLHttpRequest,textStatus);
		 			},
		   		error:function(error){
		   			console.log(error);
		   		}
		   	 });
	   	 }
	     
	     //提交笔记
	     function course_SetNotes(list_id,children_id,html){
	    	 var content_Notes = "<c:url value='/study/course/updateNotes'></c:url>";
	    	 var cuorse_id = list_id.substr(1);
	    	 var list_id = children_id.substr(1);
	    	 $.ajax({
	    		url: content_Notes,
	    		type:"POST",
	    		dataType:"JSON",
	    		data:{
	    			courseId: cuorse_id,
	    			listId: list_id,
	    			content: html,
	    		},
	    		success:function(data){
	    			if(data.info == "保存成功"){
	    				$("#IsTrueInfo").show(10).delay(3000).hide(10);
	    			}
	    		},
				complete : function(XMLHttpRequest, textStatus) {
	  				//console.log(XMLHttpRequest,textStatus);
	  			},
	    		error:function(error){
	    			console.log(error);
	    		}
	    	 });
	     }
	     
	     //获取总体评分
	     function score_total(total_id,isX){
	    	 var score_total_URL = "<c:url value='/grade/score/course_list/"+ total_id +"'></c:url>";
	    	 $.ajax({
	      		url: score_total_URL,
	      		type: "POST",
	      		dataType: "JSON",
	      		data:{},
	      		success:function(data){
	      			var AverageAccept = data.acceptScore / data.numCount * 20;//总体可接受度
	      			var AvarageQuality = data.qualityScore / data.numCount * 20;//总体课程内容质量
	      			$("#zh5_red_3").css("width", AverageAccept+"%");
	      			$("#zh5_red_4").css("width", AvarageQuality+"%");
	      			if(data.myQualityScore > 0 && data.myAcceptScore > 0){
	      				$("#zh5_red").addClass("cur"+ data.myAcceptScore);
	      				$("#zh5_red_2").addClass("cur"+ data.myQualityScore);
	      				$("#btn_score").attr("disabled",true);
	     				$("#btn_score").html("已提交评分");
	     				isX = true;
	     				isX_true(isX);
	      			}else{
	     				isX_true(isX);
	      			}
	      		},
	  			complete : function(XMLHttpRequest, textStatus) {
	    				//console.log(XMLHttpRequest,textStatus);
	    			},
	      		error:function(error){
	      			console.log(error);
	      		}
	      	});
	     }
	     
	   //可接受度星级评定
	   function isX_true(is){
		  if(is == false){
			  $("#zh5ul li").each(function(index, element) {
			      var _this = $(this);
			      var nowStar = _this.attr("val");
			       _this.hover(function() {
			           $("#zh5_red").attr("class", "cur" + nowStar);
			       });
			
			      _this.on("click", function() {
			          $("#zh5_red").attr("data_star", nowStar);
			          _this.parent().parent().next().removeClass("error");
			      })
			  });
			
			  $("#zh5ul").on("mouseout", function() {
			      if ($("#zh5_red").attr("data_star")) {
			          $("#zh5_red").attr("class", "cur" + $("#zh5_red").attr("data_star"));
			      } else {
			          $("#zh5_red").removeClass();
			      }
			  });
			
		     //课程内容质量星级评定
		     $("#zh5ul_2 li").each(function(index, element) {
		         var _this = $(this);
		         var nowStar = _this.attr("val");
		          _this.hover(function() {
		              $("#zh5_red_2").attr("class", "cur" + nowStar);
		          });
		
		         _this.on("click", function() {
		             $("#zh5_red_2").attr("data_star", nowStar);
		             _this.parent().parent().next().removeClass("error");
		         })
		     });
		
		     $("#zh5ul_2").on("mouseout", function() {
		         if ($("#zh5_red_2").attr("data_star")) {
		             $("#zh5_red_2").attr("class", "cur" + $("#zh5_red_2").attr("data_star"));
		         } else {
		             $("#zh5_red_2").removeClass();
		         }
		     });
		  }
	   }
	     
	     //评分请求封装
	     function score(score_val1,score_val2,course_id){
	    	var score_URL = "<c:url value='/grade/add/course_list'></c:url>";
	     	$.ajax({
	     		url: score_URL,
	     		type: "POST",
	     		dataType: "JSON",
	     		data:{
	     			typeId: course_id,//课程ID
	     			accept: score_val1,//可接受程度评分
	     			quality: score_val2,//课程质量评分
	     		},
	     		success:function(data){
	     			if(data == true){
	     				$("#btn_score").attr("disabled",true);
	     				$("#btn_score").html("已提交评分");
	     			}
	     		},
	 			complete : function(XMLHttpRequest, textStatus) {
	   				//console.log(XMLHttpRequest,textStatus);
	   			},
	     		error:function(error){
	     			console.log(error);
	     		}
	     	});
	     }
	     
	     $("audio")[0].addEventListener("loadedmetadata", function(){
		    var tol = this.duration;//获取总时长
			total_time = tol;//总时长
			DirTree_GetMsg(course_id,fileId,tol,video_Time);
		  });
	     
	    var video_str = window.location.href;  //接收地址
	  	video_str = video_str.substring(video_str.lastIndexOf("/"));//进行地址ID的获取,默认ID前带/(/1)
	  	//设定变量用来存储值
	  	var set_courseId = "",
	  		set_listId = "",
	  		set_fileId = "",
	  		set_fileType = "",
	  		set_currentTime = "";
	  	
		//目录树章节数据获取
	  	 function DirTree_GetMsg(courseId,fileId,total_time,video_Time){
	  		var content_Notes = "<c:url value='/study/course/studyProcess'></c:url>";
		   	 $.ajax({
		   		url: content_Notes,
		   		type:"POST",
		   		dataType:"JSON",
		   		data:{
		   			'courseId': courseId,
		   			'fileId': fileId, 
		   			'totalTime': total_time
		   		},
		   		success:function(data){
		   			if(data.currentTime != null && data.endTime == null){
		   				//指定播放时间
		   				player.currentTime = data.currentTime;
		   				$("#music_gif").attr('src','<c:url value="/share/images/music.gif"></c:url>');
		   				player.play();	
		   			}else{
		   				//指定播放时间	
		   				player.currentTime = data.currentTime == null?video_Time:data.currentTime;//endtime_tree有值的时候从0开始播放
		   				player.play();
		   			}
		   		},
				complete : function(XMLHttpRequest, textStatus) {
	 				//console.log(XMLHttpRequest,textStatus);
	 			},
		   		error:function(error){
		   			console.log(error);
		   		}
		   	 });
	  	 }
	  	
	  	//获取视频资源和进程替换(开始)
	  	function video_outTime(courseId_out,fileId,currentTime_out){
	  		 var content_outTime = "<c:url value='/study/course/updatProcess'></c:url>";
		   	 $.ajax({
		   		url: content_outTime,
		   		type:"POST",
		   		dataType:"JSON",
		   		data:{
		   			courseId: courseId_out,
		   			fileId: fileId,
		   			currentTime: currentTime_out,//当前进程时间，以秒为单位
		   		},
		   		success:function(data){
		   			//console.log(data);
		   		},
				complete : function(XMLHttpRequest, textStatus) {
					//console.log(XMLHttpRequest,textStatus);
				},
		   		error:function(error){
		   			console.log(error);
		   		}
		   	 });
	  	}
	  	
	  	//获取视频资源和进程替换(结束)
	    function video_outTime_End(courseId_out,fileId){
	  		 var content_outTime = "<c:url value='/study/course/updatEndProcess'></c:url>";
		   	 $.ajax({
		   		url: content_outTime,
		   		type:"POST",
		   		dataType:"JSON",
		   		data:{
		   			courseId: courseId_out,
		   			fileId: fileId,
		   		},
		   		success:function(data){
		   			//console.log(data);
		   		},
				complete : function(XMLHttpRequest, textStatus) {
					//console.log(XMLHttpRequest,textStatus);
				},
		   		error:function(error){
		   			console.log(error);
		   		}
		   	 });
	  	}
	  //时间秒数格式化
	    function arrive_timer_format(s) {
	    	var t;
	    	if(s > -1){
	    	    hour = Math.floor(s/3600);
	    	    min = Math.floor(s/60) % 60;
	    	    sec = s % 60;
	    	    day = parseInt(hour / 24);
	    	    if (day > 0) {
	    	        hour = hour - 24 * day;
	    	        t = day + "day " + hour + ":";
	    	        }
	    	    else t = hour + ":";   
	    	    if(min < 10){t += "0";}
	    	        t += min + ":";
	    	    if(sec < 10){t += "0";}
	    	        t += sec;
	    	}
	    	return t;
	    	}
    });
  </script>

	<!-- 笔记文本框编辑保存、发布、清空 -->
	<script>

		$( "#contentText" ).keyup(function() {
		  $( "#exitMenuCheckbox" ).prop('checked', true);
		});

		$( "#bold" ).change(function() {
		  if($('#bold').prop('checked')){
		    $("#contentText").css("font-weight","bold");
		  }else{
		    $("#contentText").css("font-weight","normal");
		  }
		});

		$( "#italic" ).change(function() {
		  if($('#italic').prop('checked')){
		    $("#contentText").css("font-style","italic");
		  }else{
		    $("#contentText").css("font-style","normal");
		  }
		});

		$( "#underline" ).change(function() {
		  if($('#underline').prop('checked')){
		    $("#contentText").css("text-decoration","underline");
		  }else{
		    $("#contentText").css("text-decoration","none");
		  }
		});

		$( "#left" ).click(function() {
		  $("#contentText").css("text-align","left");
		});
		$( "#center" ).click(function() {
		  $("#contentText").css("text-align","center");
		});
		$( "#right" ).click(function() {
		  $("#contentText").css("text-align","right");
		});
		$( "#justify" ).click(function() {
		  $("#contentText").css("text-align","justify");
		});

		$(document).on('scroll', function() {
		   $( "#exitMenuCheckbox" ).prop('checked', true);
		});

		$( "#publish" ).mouseup(function() {
		  $("#articleHeaderName").text($("h1").text());
		});

		$( "#save" ).mouseup(function() {
		  $("#articleHeaderName").text($("h1").text()+" (Draft)");
		});

		$( "#delete" ).mouseup(function() {
		  $("#articleHeaderName").text("Create New Article");
		  $("h1").text("Simple blog editor - A great way of learning");
		  $("#contentText").text("");
		});
		
		
		$("#news-list li").click(function(){
			var DataUrl = $(this).children().children("a").data('url');
			$(".clearfix li a").removeClass("home_header_1_ClickA");
			$("#contentPan").attr("src",DataUrl);
		});
		
</script>
</body>
</html>
